﻿<!DOCTYPE html>
<html>
  <head>
    <title>1.1闹钟设定</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/1_1闹钟设定/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/prototypePre.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/prototypePost.js"></script>
    <script src="files/1_1闹钟设定/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (组 合) -->
      <div id="u403" class="ax_default" data-left="48" data-top="83" data-width="306" data-height="553">

        <!-- Unnamed (组 合) -->
        <div id="u404" class="ax_default" data-left="48" data-top="83" data-width="306" data-height="553">

          <!-- Unnamed (矩形) -->
          <div id="u405" class="ax_default _形状">
            <div id="u405_div" class=""></div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u406" class="ax_default _形状">
            <div id="u406_div" class=""></div>
          </div>

          <!-- Unnamed (组 合) -->
          <div id="u407" class="ax_default" data-left="48" data-top="83" data-width="306" data-height="24">

            <!-- Unnamed (矩形) -->
            <div id="u408" class="ax_default _形状">
              <div id="u408_div" class=""></div>
            </div>

            <!-- Unnamed (组 合) -->
            <div id="u409" class="ax_default" data-left="54" data-top="93" data-width="37" data-height="5">

              <!-- Unnamed (矩形) -->
              <div id="u410" class="ax_default _形状">
                <img id="u410_img" class="img " src="images/1_1闹钟设定/u410.png"/>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u411" class="ax_default _形状">
                <img id="u411_img" class="img " src="images/1_1闹钟设定/u410.png"/>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u412" class="ax_default _形状">
                <img id="u412_img" class="img " src="images/1_1闹钟设定/u410.png"/>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u413" class="ax_default _形状">
                <img id="u413_img" class="img " src="images/1_1闹钟设定/u410.png"/>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u414" class="ax_default _形状">
                <img id="u414_img" class="img " src="images/1_1闹钟设定/u410.png"/>
              </div>
            </div>

            <!-- Unnamed (组 合) -->
            <div id="u415" class="ax_default" data-left="323" data-top="91" data-width="25" data-height="10">

              <!-- Unnamed (矩形) -->
              <div id="u416" class="ax_default _形状">
                <div id="u416_div" class=""></div>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u417" class="ax_default _形状">
                <div id="u417_div" class=""></div>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u418" class="ax_default _形状">
                <div id="u418_div" class=""></div>
              </div>
            </div>
          </div>
        </div>

        <!-- Unnamed (组 合) -->
        <div id="u419" class="ax_default" data-left="0" data-top="0" data-width="0" data-height="0">
        </div>
      </div>

      <!-- Header 2 (矩形) -->
      <div id="u420" class="ax_default _文本段落" data-label="Header 2">
        <div id="u420_div" class=""></div>
        <div id="u420_text" class="text ">
          <p><span>MUX</span></p>
        </div>
      </div>

      <!-- Header 2 (矩形) -->
      <div id="u421" class="ax_default _文本段落" data-label="Header 2">
        <div id="u421_div" class=""></div>
        <div id="u421_text" class="text ">
          <p><span>10:30 PM</span></p>
        </div>
      </div>

      <!-- Header 2 (矩形) -->
      <div id="u422" class="ax_default _文本段落" data-label="Header 2">
        <div id="u422_div" class=""></div>
        <div id="u422_text" class="text ">
          <p><span>100%</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u423" class="ax_default box_1">
        <div id="u423_div" class=""></div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u424" class="ax_default _三级标题">
        <div id="u424_div" class=""></div>
        <div id="u424_text" class="text ">
          <p><span>设置</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u425" class="ax_default _三级标题">
        <div id="u425_div" class=""></div>
        <div id="u425_text" class="text ">
          <p><span>天气</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u426" class="ax_default box_1">
        <div id="u426_div" class=""></div>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u427" class="ax_default ellipse">
        <img id="u427_img" class="img " src="images/1_1闹钟设定/u427.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u428" class="ax_default _二级标题">
        <div id="u428_div" class=""></div>
        <div id="u428_text" class="text ">
          <p><span>开始</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u429" class="ax_default _三级标题">
        <div id="u429_div" class=""></div>
        <div id="u429_text" class="text ">
          <p><span>闹钟</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u430" class="ax_default _一级标题">
        <div id="u430_div" class=""></div>
        <div id="u430_text" class="text ">
          <p><span>闹钟—首页</span></p>
        </div>
      </div>

      <!-- Unnamed (组 合) -->
      <div id="u431" class="ax_default" data-left="380" data-top="83" data-width="306" data-height="553">

        <!-- Unnamed (组 合) -->
        <div id="u432" class="ax_default" data-left="380" data-top="83" data-width="306" data-height="553">

          <!-- Unnamed (矩形) -->
          <div id="u433" class="ax_default _形状">
            <div id="u433_div" class=""></div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u434" class="ax_default _形状">
            <div id="u434_div" class=""></div>
          </div>

          <!-- Unnamed (组 合) -->
          <div id="u435" class="ax_default" data-left="380" data-top="83" data-width="306" data-height="24">

            <!-- Unnamed (矩形) -->
            <div id="u436" class="ax_default _形状">
              <div id="u436_div" class=""></div>
            </div>

            <!-- Unnamed (组 合) -->
            <div id="u437" class="ax_default" data-left="386" data-top="93" data-width="37" data-height="5">

              <!-- Unnamed (矩形) -->
              <div id="u438" class="ax_default _形状">
                <img id="u438_img" class="img " src="images/1_1闹钟设定/u410.png"/>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u439" class="ax_default _形状">
                <img id="u439_img" class="img " src="images/1_1闹钟设定/u410.png"/>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u440" class="ax_default _形状">
                <img id="u440_img" class="img " src="images/1_1闹钟设定/u410.png"/>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u441" class="ax_default _形状">
                <img id="u441_img" class="img " src="images/1_1闹钟设定/u410.png"/>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u442" class="ax_default _形状">
                <img id="u442_img" class="img " src="images/1_1闹钟设定/u410.png"/>
              </div>
            </div>

            <!-- Unnamed (组 合) -->
            <div id="u443" class="ax_default" data-left="655" data-top="91" data-width="25" data-height="10">

              <!-- Unnamed (矩形) -->
              <div id="u444" class="ax_default _形状">
                <div id="u444_div" class=""></div>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u445" class="ax_default _形状">
                <div id="u445_div" class=""></div>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u446" class="ax_default _形状">
                <div id="u446_div" class=""></div>
              </div>
            </div>
          </div>
        </div>

        <!-- Unnamed (组 合) -->
        <div id="u447" class="ax_default" data-left="0" data-top="0" data-width="0" data-height="0">
        </div>
      </div>

      <!-- Header 2 (矩形) -->
      <div id="u448" class="ax_default _文本段落" data-label="Header 2">
        <div id="u448_div" class=""></div>
        <div id="u448_text" class="text ">
          <p><span>MUX</span></p>
        </div>
      </div>

      <!-- Header 2 (矩形) -->
      <div id="u449" class="ax_default _文本段落" data-label="Header 2">
        <div id="u449_div" class=""></div>
        <div id="u449_text" class="text ">
          <p><span>10:30 PM</span></p>
        </div>
      </div>

      <!-- Header 2 (矩形) -->
      <div id="u450" class="ax_default _文本段落" data-label="Header 2">
        <div id="u450_div" class=""></div>
        <div id="u450_text" class="text ">
          <p><span>100%</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u451" class="ax_default box_1">
        <div id="u451_div" class=""></div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u452" class="ax_default _三级标题">
        <div id="u452_div" class=""></div>
        <div id="u452_text" class="text ">
          <p><span>设置</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u453" class="ax_default _三级标题">
        <div id="u453_div" class=""></div>
        <div id="u453_text" class="text ">
          <p><span>天气</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u454" class="ax_default box_1">
        <div id="u454_div" class=""></div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u455" class="ax_default _三级标题">
        <div id="u455_div" class=""></div>
        <div id="u455_text" class="text ">
          <p><span>上午</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u456" class="ax_default _三级标题">
        <div id="u456_div" class=""></div>
        <div id="u456_text" class="text ">
          <p><span>5：20</span></p>
        </div>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u457" class="ax_default ellipse">
        <img id="u457_img" class="img " src="images/1_1闹钟设定/u427.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u458" class="ax_default _三级标题">
        <div id="u458_div" class=""></div>
        <div id="u458_text" class="text ">
          <p><span>闹钟</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u459" class="ax_default _一级标题">
        <div id="u459_div" class=""></div>
        <div id="u459_text" class="text ">
          <p><span>闹钟—设定完成</span></p>
        </div>
      </div>

      <!-- Unnamed (组 合) -->
      <div id="u460" class="ax_default" data-left="616" data-top="173" data-width="49" data-height="28">

        <!-- Unnamed (矩形) -->
        <div id="u461" class="ax_default _形状">
          <div id="u461_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u462" class="ax_default _形状">
          <div id="u462_div" class=""></div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u463" class="ax_default _三级标题">
        <div id="u463_div" class=""></div>
        <div id="u463_text" class="text ">
          <p><span>编辑</span></p>
        </div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u464" class="ax_default image">
        <img id="u464_img" class="img " src="images/iphone_ui__library/u288.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u465" class="ax_default _三级标题">
        <div id="u465_div" class=""></div>
        <div id="u465_text" class="text ">
          <p><span>更多</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u466" class="ax_default box_1">
        <div id="u466_div" class=""></div>
        <div id="u466_text" class="text ">
          <p><span>&nbsp;&nbsp; 睡眠辅助</span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u467" class="ax_default icon">
        <img id="u467_img" class="img " src="images/1_1闹钟设定/u467.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u468" class="ax_default _一级标题">
        <div id="u468_div" class=""></div>
        <div id="u468_text" class="text ">
          <p><span>闹钟—首页</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u469" class="ax_default box_1">
        <img id="u469_img" class="img " src="images/1_1闹钟设定/u469.png"/>
        <div id="u469_text" class="text ">
          <p><span>1. 打开APP，默认进入闹钟-首页</span></p><p><span><br></span></p><p><span>2. 闹钟时间设定取时、分、上午/下午3个维度。以设备系统时间为准。用户可分别上下滑动3个维度以修改设定</span></p><p><span><br></span></p><p><span>3. 时：取值范围为1-12，取整数，循环显示分：取值范围00-55，每5分钟取值，循环显示上午/下午：无循环显示，上下滑动切换</span></p><p><span><br></span></p><p><span>4. 点击“开始”按钮进入【闹钟-设定完成】页面</span></p><p><span><br></span></p><p><span>5.双击首页顶部“闹钟”字样直接编辑闹钟响起时的提示内容</span></p><p><span><br></span></p><p><span><br></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u470" class="ax_default _一级标题">
        <div id="u470_div" class=""></div>
        <div id="u470_text" class="text ">
          <p><span>闹钟—设定完成</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u471" class="ax_default box_1">
        <img id="u471_img" class="img " src="images/1_1闹钟设定/u469.png"/>
        <div id="u471_text" class="text ">
          <p><span>1. 页面显示闹钟响起时间</span></p><p><span><br></span></p><p><span>2. 闹钟以条框的形式按时间顺序排列，点击按钮，圆圈横移到左端时闹钟停止</span></p><p><span><br></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u472" class="ax_default box_1">
        <div id="u472_div" class=""></div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u473" class="ax_default _三级标题">
        <div id="u473_div" class=""></div>
        <div id="u473_text" class="text ">
          <p><span>上午</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u474" class="ax_default _三级标题">
        <div id="u474_div" class=""></div>
        <div id="u474_text" class="text ">
          <p><span>5：20</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u475" class="ax_default _三级标题">
        <div id="u475_div" class=""></div>
        <div id="u475_text" class="text ">
          <p><span>6：25</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u476" class="ax_default _三级标题">
        <div id="u476_div" class=""></div>
        <div id="u476_text" class="text ">
          <p><span>7：30</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u477" class="ax_default _三级标题">
        <div id="u477_div" class=""></div>
        <div id="u477_text" class="text ">
          <p><span>3：10</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u478" class="ax_default _三级标题">
        <div id="u478_div" class=""></div>
        <div id="u478_text" class="text ">
          <p><span>4：15</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u479" class="ax_default _三级标题">
        <div id="u479_div" class=""></div>
        <div id="u479_text" class="text ">
          <p><span>下午</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u480" class="ax_default label">
        <div id="u480_div" class=""></div>
        <div id="u480_text" class="text ">
          <p><span>闹钟将于上午5：20响起</span></p>
        </div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u481" class="ax_default image">
        <img id="u481_img" class="img " src="images/图例/u58.png"/>
      </div>

      <!-- Header 2 (矩形) -->
      <div id="u482" class="ax_default _文本段落" data-label="Header 2">
        <div id="u482_div" class=""></div>
        <div id="u482_text" class="text ">
          <p><span>点击（Tap）</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u483" class="ax_default _一级标题">
        <div id="u483_div" class=""></div>
        <div id="u483_text" class="text ">
          <p><span>闹钟</span></p>
        </div>
      </div>

      <!-- Header 2 (矩形) -->
      <div id="u484" class="ax_default _文本段落" data-label="Header 2">
        <div id="u484_div" class=""></div>
        <div id="u484_text" class="text ">
          <p><span>MUX</span></p>
        </div>
      </div>

      <!-- Header 2 (矩形) -->
      <div id="u485" class="ax_default _文本段落" data-label="Header 2">
        <div id="u485_div" class=""></div>
        <div id="u485_text" class="text ">
          <p><span>10:30 PM</span></p>
        </div>
      </div>

      <!-- Header 2 (矩形) -->
      <div id="u486" class="ax_default _文本段落" data-label="Header 2">
        <div id="u486_div" class=""></div>
        <div id="u486_text" class="text ">
          <p><span>100%</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u487" class="ax_default _一级标题">
        <div id="u487_div" class=""></div>
        <div id="u487_text" class="text ">
          <p><span>闹钟—首页</span></p>
        </div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u488" class="ax_default image">
        <img id="u488_img" class="img " src="images/图例/u66.png"/>
      </div>

      <!-- Header 2 (矩形) -->
      <div id="u489" class="ax_default _文本段落" data-label="Header 2">
        <div id="u489_div" class=""></div>
        <div id="u489_text" class="text ">
          <p><span>双击（Double Tap）</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u490" class="ax_default _一级标题">
        <div id="u490_div" class=""></div>
        <div id="u490_text" class="text ">
          <p><span>睡眠辅助</span></p>
        </div>
      </div>

      <!-- Unnamed (组 合) -->
      <div id="u491" class="ax_default" data-left="1038" data-top="83" data-width="306" data-height="553">

        <!-- Unnamed (组 合) -->
        <div id="u492" class="ax_default" data-left="1038" data-top="83" data-width="306" data-height="553">

          <!-- Unnamed (矩形) -->
          <div id="u493" class="ax_default _形状">
            <div id="u493_div" class=""></div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u494" class="ax_default _形状">
            <div id="u494_div" class=""></div>
          </div>

          <!-- Unnamed (组 合) -->
          <div id="u495" class="ax_default" data-left="1038" data-top="83" data-width="306" data-height="24">

            <!-- Unnamed (矩形) -->
            <div id="u496" class="ax_default _形状">
              <div id="u496_div" class=""></div>
            </div>

            <!-- Unnamed (组 合) -->
            <div id="u497" class="ax_default" data-left="1044" data-top="93" data-width="37" data-height="5">

              <!-- Unnamed (矩形) -->
              <div id="u498" class="ax_default _形状">
                <img id="u498_img" class="img " src="images/1_1闹钟设定/u410.png"/>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u499" class="ax_default _形状">
                <img id="u499_img" class="img " src="images/1_1闹钟设定/u410.png"/>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u500" class="ax_default _形状">
                <img id="u500_img" class="img " src="images/1_1闹钟设定/u410.png"/>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u501" class="ax_default _形状">
                <img id="u501_img" class="img " src="images/1_1闹钟设定/u410.png"/>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u502" class="ax_default _形状">
                <img id="u502_img" class="img " src="images/1_1闹钟设定/u410.png"/>
              </div>
            </div>

            <!-- Unnamed (组 合) -->
            <div id="u503" class="ax_default" data-left="1313" data-top="91" data-width="25" data-height="10">

              <!-- Unnamed (矩形) -->
              <div id="u504" class="ax_default _形状">
                <div id="u504_div" class=""></div>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u505" class="ax_default _形状">
                <div id="u505_div" class=""></div>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u506" class="ax_default _形状">
                <div id="u506_div" class=""></div>
              </div>
            </div>
          </div>
        </div>

        <!-- Unnamed (组 合) -->
        <div id="u507" class="ax_default" data-left="0" data-top="0" data-width="0" data-height="0">
        </div>
      </div>

      <!-- Header 2 (矩形) -->
      <div id="u508" class="ax_default _文本段落" data-label="Header 2">
        <div id="u508_div" class=""></div>
        <div id="u508_text" class="text ">
          <p><span>MUX</span></p>
        </div>
      </div>

      <!-- Header 2 (矩形) -->
      <div id="u509" class="ax_default _文本段落" data-label="Header 2">
        <div id="u509_div" class=""></div>
        <div id="u509_text" class="text ">
          <p><span>10:30 PM</span></p>
        </div>
      </div>

      <!-- Header 2 (矩形) -->
      <div id="u510" class="ax_default _文本段落" data-label="Header 2">
        <div id="u510_div" class=""></div>
        <div id="u510_text" class="text ">
          <p><span>100%</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u511" class="ax_default box_1">
        <div id="u511_div" class=""></div>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u512" class="ax_default ellipse">
        <img id="u512_img" class="img " src="images/1_1闹钟设定/u427.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u513" class="ax_default _三级标题">
        <div id="u513_div" class=""></div>
        <div id="u513_text" class="text ">
          <p><span>设置</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u514" class="ax_default _三级标题">
        <div id="u514_div" class=""></div>
        <div id="u514_text" class="text ">
          <p><span>天气</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u515" class="ax_default _三级标题">
        <div id="u515_div" class=""></div>
        <div id="u515_text" class="text ">
          <p><span>闹钟</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u516" class="ax_default _三级标题">
        <div id="u516_div" class=""></div>
        <div id="u516_text" class="text ">
          <p><span>睡眠辅助</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u517" class="ax_default _文本段落">
        <div id="u517_div" class=""></div>
        <div id="u517_text" class="text ">
          <p><span>返回</span></p>
        </div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u518" class="ax_default image">
        <img id="u518_img" class="img " src="images/iphone_ui__library/u341.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u519" class="ax_default box_1">
        <div id="u519_div" class=""></div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u520" class="ax_default _文本段落">
        <div id="u520_div" class=""></div>
        <div id="u520_text" class="text ">
          <p><span>睡眠辅助</span></p>
        </div>
      </div>

      <!-- Unnamed (组 合) -->
      <div id="u521" class="ax_default" data-left="1273" data-top="165" data-width="49" data-height="28">

        <!-- Unnamed (矩形) -->
        <div id="u522" class="ax_default _形状">
          <div id="u522_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u523" class="ax_default _形状">
          <div id="u523_div" class=""></div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u524" class="ax_default _文本段落">
        <div id="u524_div" class=""></div>
        <div id="u524_text" class="text ">
          <p><span>发出舒缓的声音，帮助你安然入睡。</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u525" class="ax_default box_1">
        <div id="u525_div" class=""></div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u526" class="ax_default _文本段落">
        <div id="u526_div" class=""></div>
        <div id="u526_text" class="text ">
          <p><span>声音</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u527" class="ax_default _文本段落">
        <div id="u527_div" class=""></div>
        <div id="u527_text" class="text ">
          <p><span>海浪</span></p>
        </div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u528" class="ax_default image">
        <img id="u528_img" class="img " src="images/iphone_ui__library/u179.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u529" class="ax_default _文本段落">
        <div id="u529_div" class=""></div>
        <div id="u529_text" class="text ">
          <p><span>声音持续时间</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u530" class="ax_default box_1">
        <div id="u530_div" class=""></div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u531" class="ax_default _文本段落">
        <div id="u531_div" class=""></div>
        <div id="u531_text" class="text ">
          <p><span>5分钟</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u532" class="ax_default _文本段落">
        <div id="u532_div" class=""></div>
        <div id="u532_text" class="text ">
          <p><span>10分钟</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u533" class="ax_default _文本段落">
        <div id="u533_div" class=""></div>
        <div id="u533_text" class="text ">
          <p><span>15分钟</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u534" class="ax_default _文本段落">
        <div id="u534_div" class=""></div>
        <div id="u534_text" class="text ">
          <p><span>25分钟</span></p>
        </div>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u535" class="ax_default line">
        <img id="u535_img" class="img " src="images/1_1闹钟设定/u535.png"/>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u536" class="ax_default line">
        <img id="u536_img" class="img " src="images/1_1闹钟设定/u535.png"/>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u537" class="ax_default line">
        <img id="u537_img" class="img " src="images/1_1闹钟设定/u535.png"/>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u538" class="ax_default line">
        <img id="u538_img" class="img " src="images/1_1闹钟设定/u535.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u539" class="ax_default _文本段落">
        <div id="u539_div" class=""></div>
        <div id="u539_text" class="text ">
          <p><span>30分钟</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u540" class="ax_default _文本段落">
        <div id="u540_div" class=""></div>
        <div id="u540_text" class="text ">
          <p><span>20分钟</span></p>
        </div>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u541" class="ax_default line">
        <img id="u541_img" class="img " src="images/1_1闹钟设定/u535.png"/>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u542" class="ax_default icon">
        <img id="u542_img" class="img " src="images/1_1闹钟设定/u542.png"/>
      </div>

      <!-- Unnamed (组 合) -->
      <div id="u543" class="ax_default" data-left="708" data-top="83" data-width="306" data-height="553">

        <!-- Unnamed (组 合) -->
        <div id="u544" class="ax_default" data-left="708" data-top="83" data-width="306" data-height="553">

          <!-- Unnamed (矩形) -->
          <div id="u545" class="ax_default _形状">
            <div id="u545_div" class=""></div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u546" class="ax_default _形状">
            <div id="u546_div" class=""></div>
          </div>

          <!-- Unnamed (组 合) -->
          <div id="u547" class="ax_default" data-left="708" data-top="83" data-width="306" data-height="24">

            <!-- Unnamed (矩形) -->
            <div id="u548" class="ax_default _形状">
              <div id="u548_div" class=""></div>
            </div>

            <!-- Unnamed (组 合) -->
            <div id="u549" class="ax_default" data-left="714" data-top="93" data-width="37" data-height="5">

              <!-- Unnamed (矩形) -->
              <div id="u550" class="ax_default _形状">
                <img id="u550_img" class="img " src="images/1_1闹钟设定/u410.png"/>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u551" class="ax_default _形状">
                <img id="u551_img" class="img " src="images/1_1闹钟设定/u410.png"/>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u552" class="ax_default _形状">
                <img id="u552_img" class="img " src="images/1_1闹钟设定/u410.png"/>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u553" class="ax_default _形状">
                <img id="u553_img" class="img " src="images/1_1闹钟设定/u410.png"/>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u554" class="ax_default _形状">
                <img id="u554_img" class="img " src="images/1_1闹钟设定/u410.png"/>
              </div>
            </div>

            <!-- Unnamed (组 合) -->
            <div id="u555" class="ax_default" data-left="983" data-top="91" data-width="25" data-height="10">

              <!-- Unnamed (矩形) -->
              <div id="u556" class="ax_default _形状">
                <div id="u556_div" class=""></div>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u557" class="ax_default _形状">
                <div id="u557_div" class=""></div>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u558" class="ax_default _形状">
                <div id="u558_div" class=""></div>
              </div>
            </div>
          </div>
        </div>

        <!-- Unnamed (组 合) -->
        <div id="u559" class="ax_default" data-left="0" data-top="0" data-width="0" data-height="0">
        </div>
      </div>

      <!-- Header 2 (矩形) -->
      <div id="u560" class="ax_default _文本段落" data-label="Header 2">
        <div id="u560_div" class=""></div>
        <div id="u560_text" class="text ">
          <p><span>MUX</span></p>
        </div>
      </div>

      <!-- Header 2 (矩形) -->
      <div id="u561" class="ax_default _文本段落" data-label="Header 2">
        <div id="u561_div" class=""></div>
        <div id="u561_text" class="text ">
          <p><span>10:30 PM</span></p>
        </div>
      </div>

      <!-- Header 2 (矩形) -->
      <div id="u562" class="ax_default _文本段落" data-label="Header 2">
        <div id="u562_div" class=""></div>
        <div id="u562_text" class="text ">
          <p><span>100%</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u563" class="ax_default box_1">
        <div id="u563_div" class=""></div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u564" class="ax_default _三级标题">
        <div id="u564_div" class=""></div>
        <div id="u564_text" class="text ">
          <p><span>设置</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u565" class="ax_default _三级标题">
        <div id="u565_div" class=""></div>
        <div id="u565_text" class="text ">
          <p><span>天气</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u566" class="ax_default box_1">
        <div id="u566_div" class=""></div>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u567" class="ax_default ellipse">
        <img id="u567_img" class="img " src="images/1_1闹钟设定/u427.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u568" class="ax_default _二级标题">
        <div id="u568_div" class=""></div>
        <div id="u568_text" class="text ">
          <p><span>开始</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u569" class="ax_default _三级标题">
        <div id="u569_div" class=""></div>
        <div id="u569_text" class="text ">
          <p><span>闹钟</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u570" class="ax_default _三级标题">
        <div id="u570_div" class=""></div>
        <div id="u570_text" class="text ">
          <p><span>更多</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u571" class="ax_default box_1">
        <div id="u571_div" class=""></div>
        <div id="u571_text" class="text ">
          <p><span>&nbsp;&nbsp; 睡眠辅助</span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u572" class="ax_default icon">
        <img id="u572_img" class="img " src="images/1_1闹钟设定/u467.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u573" class="ax_default box_1">
        <div id="u573_div" class=""></div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u574" class="ax_default _三级标题">
        <div id="u574_div" class=""></div>
        <div id="u574_text" class="text ">
          <p><span>上午</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u575" class="ax_default _三级标题">
        <div id="u575_div" class=""></div>
        <div id="u575_text" class="text ">
          <p><span>5：20</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u576" class="ax_default _三级标题">
        <div id="u576_div" class=""></div>
        <div id="u576_text" class="text ">
          <p><span>6：25</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u577" class="ax_default _三级标题">
        <div id="u577_div" class=""></div>
        <div id="u577_text" class="text ">
          <p><span>7：30</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u578" class="ax_default _三级标题">
        <div id="u578_div" class=""></div>
        <div id="u578_text" class="text ">
          <p><span>3：10</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u579" class="ax_default _三级标题">
        <div id="u579_div" class=""></div>
        <div id="u579_text" class="text ">
          <p><span>4：15</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u580" class="ax_default _三级标题">
        <div id="u580_div" class=""></div>
        <div id="u580_text" class="text ">
          <p><span>下午</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u581" class="ax_default label">
        <div id="u581_div" class=""></div>
        <div id="u581_text" class="text ">
          <p><span>闹钟将于上午5：20响起</span></p>
        </div>
      </div>

      <!-- Header 2 (矩形) -->
      <div id="u582" class="ax_default _文本段落" data-label="Header 2">
        <div id="u582_div" class=""></div>
        <div id="u582_text" class="text ">
          <p><span>点击（Tap）</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u583" class="ax_default _一级标题">
        <div id="u583_div" class=""></div>
        <div id="u583_text" class="text ">
          <p><span>闹钟</span></p>
        </div>
      </div>

      <!-- Unnamed (组 合) -->
      <div id="u584" class="ax_default" data-left="156" data-top="533" data-width="909" data-height="7">

        <!-- Unnamed (水平线) -->
        <div id="u585" class="compound ax_default _水平线" WidgetHeight="1" WidgetWidth="902" CompoundMode="true">
          <img id="u585_img" class="singleImg img " src="images/1_1闹钟设定/u585.png"/>
          <div id="u585p000" class="ax_vector_shape" WidgetTopLeftX="-0.496696035242291" WidgetTopLeftY="0" WidgetTopRightX="0.496696035242291" WidgetTopRightY="0" WidgetBottomLeftX="-0.496696035242291" WidgetBottomLeftY="0.166666666666667" WidgetBottomRightX="0.496696035242291" WidgetBottomRightY="0.166666666666667">
            <img id="u585p000_img" class="img " src="images/1_1闹钟设定/u585p000.png"/>
          </div>
          <div id="u585p001" class="ax_vector_shape" WidgetTopLeftX="-0.25" WidgetTopLeftY="-0.25" WidgetTopRightX="225.25" WidgetTopRightY="-0.25" WidgetBottomLeftX="-0.25" WidgetBottomLeftY="0" WidgetBottomRightX="225.25" WidgetBottomRightY="0">
            <img id="u585p001_img" class="img " src="images/1_1闹钟设定/u585p001.png"/>
          </div>
          <div id="u585p002" class="ax_vector_shape" WidgetTopLeftX="40.8181818181818" WidgetTopLeftY="0.05" WidgetTopRightX="-0.181818181818182" WidgetTopRightY="0.05" WidgetBottomLeftX="40.8181818181818" WidgetBottomLeftY="0" WidgetBottomRightX="-0.181818181818182" WidgetBottomRightY="0">
            <img id="u585p002_img" class="img " src="images/图例/u31p002.png"/>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u586" class="ax_default _形状">
          <div id="u586_div" class=""></div>
        </div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u587" class="ax_default image">
        <img id="u587_img" class="img " src="images/图例/u58.png"/>
      </div>

      <!-- Header 2 (矩形) -->
      <div id="u588" class="ax_default _文本段落" data-label="Header 2">
        <div id="u588_div" class=""></div>
        <div id="u588_text" class="text ">
          <p><span>点击（Tap）</span></p>
        </div>
      </div>

      <!-- Unnamed (组 合) -->
      <div id="u589" class="ax_default" data-left="223" data-top="160" data-width="603" data-height="7">

        <!-- Unnamed (水平线) -->
        <div id="u590" class="compound ax_default _水平线" WidgetHeight="1" WidgetWidth="596" CompoundMode="true">
          <img id="u590_img" class="singleImg img " src="images/1_1闹钟设定/u590.png"/>
          <div id="u590p000" class="ax_vector_shape" WidgetTopLeftX="-0.496666666666667" WidgetTopLeftY="-0.166666666666667" WidgetTopRightX="0.496666666666667" WidgetTopRightY="-0.166666666666667" WidgetBottomLeftX="-0.496666666666667" WidgetBottomLeftY="0" WidgetBottomRightX="0.496666666666667" WidgetBottomRightY="0">
            <img id="u590p000_img" class="img " src="images/1_1闹钟设定/u590p000.png"/>
          </div>
          <div id="u590p001" class="ax_vector_shape" WidgetTopLeftX="0" WidgetTopLeftY="-0.5" WidgetTopRightX="149" WidgetTopRightY="-0.5" WidgetBottomLeftX="0" WidgetBottomLeftY="0" WidgetBottomRightX="149" WidgetBottomRightY="0">
            <img id="u590p001_img" class="img " src="images/图例/u9p001.png"/>
          </div>
          <div id="u590p002" class="ax_vector_shape" WidgetTopLeftX="29.6" WidgetTopLeftY="0" WidgetTopRightX="-0.2" WidgetTopRightY="0" WidgetBottomLeftX="29.6" WidgetBottomLeftY="-0.05" WidgetBottomRightX="-0.2" WidgetBottomRightY="-0.05">
            <img id="u590p002_img" class="img " src="images/图例/u9p002.png"/>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u591" class="ax_default _形状">
          <div id="u591_div" class=""></div>
        </div>
      </div>
    </div>
  </body>
</html>
